<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/web/commons/global.jsp"%>

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>${audio.title }-佛教音乐-极乐佛经网-提供大藏经下载大全_佛经念诵_经书抄写_助印经书_经书结缘</title>

<meta name="keywords"
	content="${audio.title },佛教音乐,极乐佛经登录,极乐佛经,极乐佛经网,极乐佛经官网" />
<meta name="description"
	content="${audio.title }|佛教音乐|极乐佛经|极乐佛经网|佛经大全|佛经下载|佛经念诵|经书抄写|助印经书|经书结缘-极乐佛经网。极乐佛经网是由净顺居士发心为广大佛友所编辑整理的在线看经、在线阅读佛经平台；包含佛经原文，佛经译文，佛经注音，佛经故事，佛经视 频，大藏经等相关佛教经典大全；让更多的佛友能从中学习到佛经、佛法的善知识！" />

<link rel="shortcut icon"
	href="${baseUrl }/resources/img/favicon.ico?a=3" type="image/x-icon" />
<link rel="bookmark" href="${baseUrl }/resources/img/favicon.ico?a=3"
	type="image/x-icon" />
<link href="${baseUrl }/resources/bootstrap-3.3.5/css/bootstrap.min.css"
	rel="stylesheet">
<link
	href="${baseUrl }/resources/font/Font-Awesome-3.2.1/css/font-awesome.min.css"
	rel="stylesheet" />
<link href="${baseUrl }/resources/layer-v2.4/skin/layer.css"
	rel="stylesheet" />
<link
	href="${baseUrl }/resources/bootstrap-slider-7.1.1/css/bootstrap-slider.min.css"
	rel="stylesheet" />

<link rel="stylesheet" href="${baseUrl }/resources/css/app.css" />
<link rel="stylesheet" href="${baseUrl }/resources/css/audio.css" />
<link rel="stylesheet"
	href="${baseUrl }/resources/css/common_audio_layout.css" />
<link rel="stylesheet"
	href="${baseUrl }/resources/css/common_report.css" />
<link rel="stylesheet"
	href="${baseUrl }/resources/css/common_dialog.css" />
<link rel="stylesheet"
	href="${baseUrl }/resources/css/common_audio_console.css" />

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<script src="${baseUrl }/resources/js/jquery-2.1.4.min.js"
	type="text/javascript">
	
</script>
<script type="text/javascript"
	src="${baseUrl }/resources/js/text_overflow.js"></script>
<script src="${baseUrl }/resources/bootstrap-3.3.5/js/bootstrap.min.js"></script>
<script src="${baseUrl }/resources/layer-v2.4/layer.js"></script>
<script src="${baseUrl }/resources/js/app.js" type="text/javascript">
	
</script>
<script src="${baseUrl }/resources/js/audio.js" type="text/javascript">
	
</script>
<script src="${baseUrl }/resources/js/common_dialog.js"
	type="text/javascript">
	
</script>

</head>

<body>
	<%@ include file="/WEB-INF/jsp/web/commons/header.jsp"%>

	<div class="main-content-wrapper">
		<div class="main-content-wrapper-split">
			<section class="main-content">
				<nav class="breadcrumbs-nav">
					<ol class="breadcrumb breadcrumbs-nav-ol">
						<li><a href="${baseUrl }">首页</a></li>
						<li><a href="${baseUrl }/audio/list.html">音频</a></li>
						<li class="active">${audio.title }</li>
					</ol>
				</nav>
				<div class="audio-main-wrapper">
					<header class="audio-title">${audio.title }</header>
					<div class="audio-tool-wrapper">
						<div class="audio-tool-main">
							<div style="width: 100%; height: 470px;">
								<img src="${audio.coverUrl }"
									style="width: 950px; height: 470px;" />
							</div>
							<div class="audio-control-wrapper" data-width="950"
								style="border-left: 0; border-right: 0;">
								<div class="top-wrapper">
									<div class="title">${audio.title }</div>
									<div class="time-and-play-wrapper">
										<span class="cur-time">00:00</span> / <span class="time-total"></span>
										<span class="play-total"> <i class="icon-play">${audio.statistics.showCountWatch}</i>
										</span>
									</div>
									<div style="clear: both;"></div>
								</div>
								<div class="load-progress-wrapper">
									<div class="no-load-progress"></div>
									<div class="loaded-progress"></div>
								</div>
								<div class="audio-control-bars">
									<div class="play-bar">
										<a href="javascript:;"><i
											class="icon-play-circle icon-large"></i></a>
									</div>

									<div class="play-progress-bar">
										<input style="width: 100%; height: 3px;" id="play-progress"
											data-slider-id='play-progress-slider-id' type="text" />
									</div>

									<div class="volume-bar">
										<a href="javascript:;"><i
											class="icon-volume-up icon-large"></i></a>
									</div>
									<div style="clear: both;"></div>
								</div>

								<div class="volume-progress-bar">
									<input id="volume-progress-bar"
										data-slider-id='volume-progress-bar-slider-id' type="text" />
								</div>

							</div>
							<div style="display: none;" id="sound"></div>
						</div>

					</div>
					<div class="audio-tool-bar-wrapper">
						<div class="btn-group btn-group-vertical audio-tool-bar-main"
							role="group" aria-label="...">
							<a class="btn btn-default audio-bar catalog"
								data-extra="catalog-extra"> <i
								class="icon-th-list undertone"></i><br /> <span>目录</span>
							</a>
							<!-- 							<a class="btn btn-default audio-bar download" -->
							<!-- 								data-extra="download-extra"> <i -->
							<!-- 								class="icon-download-alt undertone"></i><br /> <span>下载</span> -->
							<!-- 							</a>  -->
							<a class="btn btn-default audio-bar collection"
								data-extra="collection-extra"> <input type="text"
								value="2,${audioSource.id },0,${audioSource.rFavoriteSource.id }"
								class="value-store" style="display: none;" /> <c:choose>
									<c:when test="${audioSource.rFavoriteSource.id >0}">
										<i class="icon-heart thick"></i>
										<br />
									</c:when>
									<c:otherwise>
										<i class="icon-heart undertone"></i>
										<br />
									</c:otherwise>
								</c:choose> <span>收藏</span>
							</a> <a class="btn btn-default audio-bar share"
								data-extra="share-extra"> <i
								class="icon-share-alt undertone"></i><br />分享
							</a> <a class="btn btn-default audio-bar comment"
								data-extra="comment-extra"> <i class="icon-edit undertone"></i><br />
								<span> <c:choose>
										<c:when test="${audio.statistics.countComment < 1}">...</c:when>
										<c:otherwise>${audio.statistics.showCountComment }</c:otherwise>
									</c:choose>
							</span>
							</a> <a class="btn btn-default audio-bar like"
								data-extra="like-extra"> <input type="text"
								value="2,${audio.id },1" class="value-store"
								style="display: none;" /> <c:choose>
									<c:when test="${audio.praise }">
										<i class="icon-thumbs-up"></i>
									</c:when>
									<c:otherwise>
										<i class="icon-thumbs-up undertone"></i>
									</c:otherwise>
								</c:choose> <br /> <span> <c:choose>
										<c:when test="${audio.statistics.countPraise < 1}">...</c:when>
										<c:otherwise>${audio.statistics.showCountPraise }</c:otherwise>
									</c:choose>
							</span>
							</a>
							<div class="vertical-spacing-15"></div>
							<div class="vertical-spacing-100"></div>
							<!-- 							<a class="btn btn-default audio-bar barrage" -->
							<!-- 								data-extra="barrage-extra"> <i class="icon-circle undertone"></i> -->
							<!-- 								<br /> <span>弹幕</span> -->
							<!-- 							</a>  -->
							<!-- 							<a class="btn btn-default audio-bar play-continuously" -->
							<!-- 								data-extra="play-continuously-extra"> <i -->
							<!-- 								class="icon-forward undertone"></i><br /> <span>连播</span> -->
							<!-- 							</a>  -->
							<!-- 							<a class="btn btn-default audio-bar turn-off-the-light" -->
							<!-- 								data-extra="turn-off-the-light-extra"> <i -->
							<!-- 								class="icon-lightbulb undertone"></i><br /> <span>关灯</span> -->
							<!-- 							</a> -->
						</div>
						<div class="audio-bar-extra catalog-extra hid">
							<div class="content">
								<div class="title">
									<div class="title-left">目录</div>
									<div class="title-right">
										<a href="javascript:;"> 收起&gt; </a>
									</div>
								</div>
								<div class="clear-both spit-hr-1"></div>
								<div class="desc">
									<p>${audioSource.info }</p>
								</div>
								<div class="items">
									<c:forEach items="${audioSource.childAudios }" var="childAudio">
										<div class="item">
											<div class="item-title">
												<c:choose>
													<c:when test="${childAudio.id == audio.id }">
														<div class="item-title-left cur-item"
															style="color: rgba(0, 0, 0, 1); font-weight: 600;">${childAudio.title
															}</div>
													</c:when>
													<c:otherwise>
														<a href="${baseUrl }/audio/${childAudio.id}.html">
															<div class="item-title-left">${childAudio.title }</div>
														</a>
													</c:otherwise>
												</c:choose>
												<div class="item-title-right">${childAudio.showTime }</div>
											</div>
											<div class="item-desc">${childAudio.info }</div>
										</div>
									</c:forEach>
								</div>
							</div>

						</div>
						<div class="audio-bar-extra download-extra hid">下载本音频</div>
						<div class="audio-bar-extra collection-extra hid">收藏音频</div>
						<div class="audio-bar-extra share-extra hid">
							<div class="bdsharebuttonbox share-adjustment">
								<a class="bds_weixin" data-cmd="weixin"></a> <a
									class="bds_tsina" data-cmd="tsina" href="#"></a> <a
									class="bds_sqq" data-cmd="sqq"></a> <a class="bds_qzone"
									data-cmd="qzone"></a> <a class="bds_douban" data-cmd="douban"></a>

								<!--<a class="bds_more" data-cmd="more">更多</a>-->
								<!--<a class="bds_count" data-cmd="count"></a>-->
							</div>
						</div>
						<div class="audio-bar-extra comment-extra hid">评论</div>
						<div class="audio-bar-extra like-extra hid">点赞</div>

						<div class="audio-bar-extra barrage-extra hid">弹幕</div>
						<div class="audio-bar-extra play-continuously-extra hid">
							连播播放</div>
						<div class="audio-bar-extra turn-off-the-light-extra hid">
							关灯模式</div>
					</div>
					<div class="clear-both"></div>
				</div>
				<div class="audio-main-info-wrapper">
					<div class="audio-info-wrapper">
						<div class="audio-info">
							<div style="">
								<div class="title">${audioSource.title }</div>
								<div class="clear-both"></div>
								<div class="titme">
									<div class="left">同源${audioSource.countCognate
										}集，${audioSource.showTime }</div>
									<div class="right">
										<fmt:formatDate value="${audioSource.updateTime }"
											pattern="yyyy-MM-dd" />
									</div>
								</div>
								<div class="clear-both"></div>
								<div class="user">
									<div class="user-img-div">
										<img src="${audio.owner.portraitUrl }" class="user-img" /> <span>&nbsp;${audio.owner.nickname
											}</span>
									</div>
								</div>
								<div class="desc">${audioSource.info }</div>
								<div class="vertical-spacing-20"></div>
								<div class="bar btn-group-vertical">
									<a class="btn btn-default collection-bar"> <input
										type="text"
										value="2,${audioSource.id },0,${audioSource.rFavoriteSource.id }"
										class="value-store" style="display: none;" /> <c:choose>
											<c:when test="${audioSource.rFavoriteSource.id >0}">
												<i class="icon-heart thick"></i>&nbsp;收&nbsp;&nbsp;藏
											</c:when>
											<c:otherwise>
												<i class="icon-heart undertone" style="font-size: 13px;"></i>&nbsp;收&nbsp;&nbsp;藏
											</c:otherwise>
										</c:choose>
									</a>
									<!-- 									<div class="vertical-spacing-10"></div> -->
									<!-- 									<a class="btn btn-default download-bar"><i -->
									<!-- 										class="icon-download-alt undertone"></i>&nbsp;资料下载</a> -->
								</div>
								<div class="vertical-spacing-10"></div>
							</div>

							<div class="tags-wrapper">
								<div class="vertical-spacing-20"></div>
								<div class="tags">
									<c:forEach items="${audio.tags }" var="tag">
										<a href="${baseUrl }/audio/list-tag-${tag.id}.html"> <span
											class="label label-default tag">${tag.name }</span></a>
									</c:forEach>
								</div>
							</div>
						</div>
					</div>
					<div class="audio-others-wrapper">
						<div class="tabs">
							<div class="tab" data-tab="audio-items">音频列表</div>
							<div class="tab tab-cur comment-tab" data-tab="audio-comments">
								评论列表</div>
							<div class="clear-both"></div>
						</div>
						<div class="vertical-spacing-10"></div>

						<div class="audio-items hid">
							<c:forEach items="${audioSource.childAudios }" var="childAudio"
								varStatus="childAudioStatus">
								<div class="audio-item">
									<div class="audio-item-title">
										<c:choose>
											<c:when test="${childAudio.id == audio.id }">
												<i class="icon-play-circle"></i>
												<span class="span-title-cur">&nbsp;${childAudio.title
													}</span>
												<span class="time">${childAudio.showTime }</span>
												<div class="clear-both"></div>
											</c:when>
											<c:otherwise>
												<a href="${baseUrl }/audio/${childAudio.id}.html"> <span
													class="badge">${childAudioStatus.count } </span> <span
													class="span-title">&nbsp;${childAudio.title }</span> <span
													class="time">${childAudio.showTime }</span>
													<div class="clear-both"></div>
												</a>
											</c:otherwise>
										</c:choose>
									</div>
									<div class="vertical-spacing-10"></div>
									<div class="audio-item-desc">${childAudio.info }</div>
								</div>
								<c:if test="${not childAudioStatus.last }">
									<div class="vertical-spacing-10"></div>
									<div class="spit-hr-1"></div>
									<div class="vertical-spacing-10"></div>
								</c:if>
							</c:forEach>
						</div>
						<div class="audio-comments">
							<div>
								<div class="form-group">
									<textarea
										class="form-control textarea-auto-height clear-radius"
										rows="1"></textarea>
								</div>
								<div class="comment-btn-div">
									<input class="value-store" value="2,${audio.id }" /> <a
										href="javascript:;"
										class="btn btn-default btn-sm clear-radius">评&nbsp;论</a>
								</div>
								<div class="clear-both vertical-spacing-10"></div>
							</div>
							<div class="spit-hr-1"></div>
							<div class="mods-wrapper">
								<ul class="ul-li-horizontal mods">
									<li class="mod mod-cur"><a href="javascript:;"
										data-extral="all-items"> <span
											class="mod-span mod-span-cur">全部</span>
									</a></li>
									<li class="vertical-split-line-1"></li>
									<li class="mod"><a href="javascript:;" class="hot-tab"
										data-extral="hot-items"> <span class="mod-span">热门</span>
									</a></li>
									<!-- 									<li class="vertical-split-line-1"></li> -->
									<!-- 									<li class="mod"><a href="javascript:;" -->
									<!-- 										data-extral="authentication-items"> <span class="mod-span">认证用户</span> -->
									<!-- 									</a></li> -->
									<!-- 									<li class="vertical-split-line-1"></li> -->
									<!-- 									<li class="mod"><a href="javascript:;" -->
									<!-- 										data-extral="attention-items"> <span class="mod-span">关注的人</span> -->
									<!-- 									</a></li> -->
									<!-- 									<li class="vertical-split-line-1"></li> -->
									<!-- 									<li class="mod"><a href="javascript:;" -->
									<!-- 										data-extral="stranger-items"> <span class="mod-span">陌生人</span> -->
									<!-- 									</a></li> -->
									<div class="clear-both"></div>
								</ul>
								<div class="clear-both"></div>
								<div class="mod-content-wrapper">
									<div class="item-type all-items">
										<div class="mod-content-items">
											<c:forEach items="${hotComments }" var="hotComment"
												varStatus="hotCommentStatus">
												<c:choose>
													<c:when test="${hotComment.status !=1 }">
														<div class="mod-content-item">
															<span class="delete">此评论已被删除</span>
														</div>
													</c:when>
													<c:otherwise>
														<div class="mod-content-item">
															<div class="user-img">
																<img src="${hotComment.user.portraitUrl }">
															</div>
															<div class="comment-info">
																<div class="user-comment">
																	<span class="user-name">${hotComment.user.nickname
																		}:
																	</span> <span class="comment"> ${hotComment.content
																		}
																	</span>
																</div>
																<div class="comment-bars">
																	<div class="time">${hotComment.showTime }</div>
																	<div class="bars">
																		<ul class="ul-li-horizontal">
																			<li class="bar like-bar"><a href="javascript:;">
																					<input type="text" value="4,${hotComment.id },1"
																					class="value-store" style="display: none;" /> <c:choose>
																						<c:when test="${hotComment.praise }">
																							<i class="icon-thumbs-up"></i>
																						</c:when>
																						<c:otherwise>
																							<i class="icon-thumbs-up undertone"></i>
																						</c:otherwise>
																					</c:choose> <span> <c:if
																							test="${hotComment.statistics.countPraise > 0
																					}">
																					${hotComment.statistics.showCountPraise }
																					</c:if>
																				</span>
																			</a></li>
																			<li class="vertical-split-line-1"></li>

																			<c:choose>
																				<c:when
																					test="${userContext.userId == hotComment.user.id }">
																					<li class="bar delete-bar"><input type="text"
																						value="${hotComment.id }" class="value-store"
																						style="display: none;" /> <a href="javascript:;">删除</a></li>
																				</c:when>
																				<c:otherwise>
																					<li class="bar reply-bar"><a
																						href="javascript:;">回复</a> <br /> &nbsp; <i
																						class="icon-caret-up arrow arrow-hid"></i></li>
																				</c:otherwise>
																			</c:choose>

																			<c:if
																				test="${userContext.userId !=  hotComment.user.id}">
																				<li class="vertical-split-line-1 report-bar-split"></li>
																				<li class="bar report-bar"><a
																					href="javascript:;"
																					onclick="showExpose(4,${hotComment.id })">举报</a></li>
																			</c:if>
																			<div class="clear-both"></div>
																		</ul>
																		<div class="clear-both"></div>
																	</div>
																	<div class="clear-both"></div>
																</div>
																<div class="reply hid">
																	<div class="form-group">
																		<textarea
																			class="form-control textarea-auto-height clear-radius"
																			rows="1">回复@${hotComment.user.nickname }:</textarea>
																	</div>
																	<div class="reply-btn-div">
																		<input class="value-store" value="4,${hotComment.id }" />
																		<a href="javascript:;"
																			class="btn btn-default btn-sm clear-radius">评&nbsp;论</a>
																	</div>
																	<div class="clear-both"></div>
																</div>
																<div class="vertical-spacing-10"></div>
															</div>
															<div class="clear-both"></div>
														</div>
													</c:otherwise>
												</c:choose>

												<c:if test="${not hotCommentStatus.last }">
													<div class="spit-hr-1"></div>
												</c:if>
											</c:forEach>

											<c:if test="${not empty hotComments}">
												<!--热门分割线-->
												<div class="hot-split-div">
													<div class="line-split-div-1"></div>
													<div class="line-split-content-div">
														以上为热门评论， <a href="JavaScript:;" class="more"
															onclick="getMoreHotComment()">查看更多</a>
													</div>
													<div class="line-split-div-1"></div>
													<div class="clear-both"></div>
												</div>
											</c:if>

											<c:forEach items="${comments }" var="comment"
												varStatus="commentStatus">
												<c:choose>
													<c:when test="${comment.status !=1 }">
														<div class="mod-content-item">
															<span class="delete">此评论已被删除</span>
														</div>
													</c:when>
													<c:otherwise>
														<div class="mod-content-item">
															<div class="user-img">
																<img src="${comment.user.portraitUrl }">
															</div>
															<div class="comment-info">
																<div class="user-comment">
																	<span class="user-name">${comment.user.nickname
																		}:
																	</span>
																	<c:if test="${comment.itemType == 4}">
																		<span class="to-user-name-div"> 回复 <span
																			class="to-user-name">
																				@${comment.comment.user.nickname } </span>:
																		</span>
																	</c:if>
																	<span class="comment"> ${comment.content } </span>
																</div>
																<div class="comment-bars">
																	<div class="time">${comment.showTime }</div>
																	<div class="bars">
																		<ul class="ul-li-horizontal">
																			<li class="bar like-bar"><a href="javascript:;">
																					<input type="text" value="4,${comment.id },1"
																					class="value-store" style="display: none;" /> <c:choose>
																						<c:when test="${comment.praise }">
																							<i class="icon-thumbs-up"></i>
																						</c:when>
																						<c:otherwise>
																							<i class="icon-thumbs-up undertone"></i>
																						</c:otherwise>
																					</c:choose> <span><c:if
																							test="${comment.statistics.countPraise > 0}">${comment.statistics.showCountPraise}</c:if>
																				</span>
																			</a></li>


																			<li class="vertical-split-line-1"></li>
																			<c:choose>
																				<c:when
																					test="${userContext.userId == comment.user.id }">
																					<li class="bar delete-bar"><input type="text"
																						value="${comment.id }" class="value-store"
																						style="display: none;" /> <a href="javascript:;">删除</a></li>
																				</c:when>
																				<c:otherwise>
																					<li class="bar reply-bar"><a
																						href="javascript:;">回复</a> <br /> &nbsp; <i
																						class="icon-caret-up arrow arrow-hid"></i></li>
																				</c:otherwise>
																			</c:choose>



																			<c:if
																				test="${comment.itemType == 4 || (comment.countChildCommentForTop > 0)}">
																				<li class="vertical-split-line-1"></li>
																				<li class="bar dialog-bar"><a
																					href="javascript:;"
																					onclick="showDialog(${comment.id})">查看对话</a></li>
																			</c:if>

																			<c:if
																				test="${userContext.userId !=  comment.user.id}">
																				<li class="vertical-split-line-1 report-bar-split"></li>
																				<li class="bar report-bar"><a
																					href="javascript:;"
																					onclick="showExpose(4,${comment.id })">举报</a></li>
																			</c:if>

																			<div class="clear-both"></div>
																		</ul>
																		<div class="clear-both"></div>
																	</div>
																	<div class="clear-both"></div>
																</div>
																<div class="reply hid">
																	<div class="form-group">
																		<textarea
																			class="form-control textarea-auto-height clear-radius"
																			rows="1">回复@${comment.user.nickname }:</textarea>
																	</div>
																	<div class="reply-btn-div">
																		<input class="value-store" value="4,${comment.id }" />
																		<a href="javascript:;"
																			class="btn btn-default btn-sm clear-radius">评&nbsp;论</a>
																	</div>
																	<div class="clear-both"></div>
																</div>
																<div class="vertical-spacing-10"></div>
															</div>
															<div class="clear-both"></div>
														</div>

													</c:otherwise>
												</c:choose>

												<div class="spit-hr-1"></div>
											</c:forEach>
										</div>


										<c:if test="${not empty  enhancedCommentPagination.items}">
											<div class="vertical-spacing-20"></div>
											<div class="audio-pagination-wrapper">
												<div class="content">
													<ul class="pagination page-ul">

														<c:if test="${enhancedCommentPagination.index > 1}">
															<li class="page-item"><a href="javascript:;"
																onclick="getCommentList(0,${enhancedCommentPagination.index - 1},2,${audio.id })">&laquo;</a></li>
															<li class="page-item"><a href="javascript:;"
																onclick="getCommentList(0,1,2,${audio.id })">首页</a></li>
														</c:if>

														<c:forEach begin="${enhancedCommentPagination.index }"
															end="${enhancedCommentPagination.index + 7}"
															varStatus="pageStatus">
															<c:if
																test="${pageStatus.index <= enhancedCommentPagination.pages}">
																<c:choose>
																	<c:when test="${pageStatus.first }">
																		<li class="page-item cur-page"><a
																			href="javascript:;">${pageStatus.index }</a></li>
																	</c:when>
																	<c:otherwise>
																		<li class="page-item"><a href="javascript:;"
																			onclick="getCommentList(0,${pageStatus.index },2,${audio.id })">${pageStatus.index
																				}</a></li>
																	</c:otherwise>
																</c:choose>
															</c:if>
														</c:forEach>

														<c:if
															test="${enhancedCommentPagination.index < enhancedCommentPagination.pages}">
															<li class="page-item"
																onclick="getCommentList(0,${enhancedCommentPagination.index + 1},2,${audio.id })"><a
																href="javascript:;">&raquo;</a></li>
															<li class="page-item"
																onclick="getCommentList(0,${enhancedCommentPagination.pages},2,${audio.id })"><a
																href="javascript:;">尾页</a></li>
														</c:if>

														<!-- 													<li class="page-item has-more"><a href="javascript:;">&hellip;</a></li> -->
													</ul>
												</div>
											</div>
										</c:if>

									</div>

									<div class="item-type hot-items hid"></div>
									<div class="item-type authentication-items  hid"></div>
									<div class="item-type attention-items  hid"></div>
									<div class="item-type stranger-items  hid"></div>

								</div>

							</div>
						</div>
					</div>
					<div class="clear-both"></div>
				</div>

				<c:if test="${not empty relationAudios }">
					<div class="relevant-audios-wrapper">
						<div class="relevant-audios-title">
							<span>相关音频</span>
						</div>
						<div class="vertical-spacing-10"></div>

						<div class="audios-wrapper" data-width="1000" data-item="4">
							<c:forEach items="${relationAudios}" varStatus="audioStatus_top">
								<c:if test="${audioStatus_top.index % 4 == 0 }">
									<div class="audios">
										<c:forEach items="${relationAudios}" var="audio"
											begin="${audioStatus_top.index / 4 * 4 }"
											end="${audioStatus_top.index / 4 * 4 +3 }">
											<div class="audio">
												<div class="img-div">
													<a href="${baseUrl }/audio/${audio.id }.html"> <img
														class="img" src="${audio.coverUrl }" />
													</a>
													<c:if test="${audio.progressStatus == 2}">
														<div class="tip-wrapper">
															<div class="tip-text">
																完<br />结
															</div>
															<div class="tip-bottom"></div>
														</div>
													</c:if>
												</div>
												<div class="content-div">
													<div class="content-div-title">
														<a href="${baseUrl }/audio/${audio.id }.html">
															<h2 class="title">${audio.title }</h2>
														</a>
													</div>
													<div class="common-bars-wrapper">
														<div class="bars">
															<div class="bar" style="float: left">
																<i class="icon-star"></i> <i class="icon-star"></i> <i
																	class="icon-star"></i> <i class=" icon-star-half"></i>
																<i class="icon-star undertone"></i>
															</div>
															<div class="bar" style="float: right">
																<c:choose>
																	<c:when test="${not empty audio.rFavoriteSource }">
																		<i class="icon-heart"></i>
																	</c:when>
																	<c:otherwise>
																		<i class="icon-heart undertone"></i>
																	</c:otherwise>
																</c:choose>
															</div>
															<div class="clear-both"></div>
														</div>
													</div>

													<div class="desc hid">${audio.info }</div>
													<div class="vertical-spacing-10"></div>

													<div class="cur-audio"
														style="height: 15px; font-size: 13px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;">
														<c:if test="${not audio.entity }">
															<a
																href="${baseUrl }/audio/${audio.childAudios[audio.countCognate - 1].id }.html">
																<span class="cur-audio-title"><i
																	class="icon-play-circle"></i> 第${audio.countCognate }集</span>
																<span class="cur-audio-desc">${audio.title
																	}最新${audio.countCognate }集
															</span>
															</a>
														</c:if>
													</div>

													<div class="time">
														<div>
															<span>${audio.countCognate }集 ${audio.showTime }</span>
														</div>
														<div>
															<span>${audio.statistics.showCountWatch }</span>
														</div>
														<div class="clear-both"></div>
													</div>
												</div>
											</div>
										</c:forEach>
									</div>
								</c:if>
							</c:forEach>
						</div>

					</div>
				</c:if>

			</section>
			<div class="clear-both"></div>

			<%@ include file="/WEB-INF/jsp/web/commons/footer.jsp"%>

		</div>
	</div>

	<!--举报模板-->
	<div class="hid report-model-wrapper"></div>

	<!--查看对话 模板-->
	<div class="show-dialog-module-wrapper hid"></div>

</body>
<script
	src="${baseUrl }/resources/soundmanagerv297a-20150601/script/soundmanager2-nodebug-jsmin.js"></script>
<script>
	
</script>

<script type="text/javascript">
	var audioId = '${audio.id}';
	var audioSrc = '${audio.playTypes[0].url }';

	//分享配置
	var _BD_TEXT_ = '${audio.title}';
	var _BD_DESC = '${audio.title}--[来自极乐佛经]';
	var _BD_URL = '${baseUrl}/audio/${audio.id}.html';
	var _BD_PIC = '${audio.coverUrl}';

	var _BD_SHARE_COMMON_ = {
		bdText : _BD_TEXT_,
		bdDesc : _BD_DESC,
		bdUrl : _BD_URL,
		bdPic : _BD_PIC
	};
</script>

<script src="${baseUrl }/resources/js/common.js" type="text/javascript"></script>
<script src="${baseUrl }/resources/js/common_audio_layout.js"></script>
<script
	src="${baseUrl }/resources/bootstrap-slider-7.1.1/js/bootstrap-slider.js"></script>
<script
	src="${baseUrl }/resources/soundmanagerv297a-20150601/script/soundmanager2-nodebug-jsmin.js"></script>
<script src="${baseUrl }/resources/js/common_audio_console.js"></script>

</html>